<!-- 热门帖子轮播 -->
<div id="postsCarousel" class="carousel slide posts-carousel custom-carousel" data-bs-ride="carousel">
    <!-- 指示器 -->
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#postsCarousel" data-bs-slide-to="0" class="active"
                aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#postsCarousel" data-bs-slide-to="1"
                aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#postsCarousel" data-bs-slide-to="2"
                aria-label="Slide 3"></button>
    </div>

    <!-- 轮播内容 -->
    <div class="carousel-inner">
        <div class="carousel-item active">
            <div class="row">
                <div class="col-md-6">
                    <div class="post-card">
                        <img src="https://picsum.photos/seed/post1/600/400" alt="旅行照片" class="post-image">
                        <div class="post-content">
                            <div class="post-author">
                                <img src="https://picsum.photos/seed/author1/100/100" alt="作者头像"
                                     class="author-avatar">
                                <div>
                                    <div class="author-name">旅行者小明</div>
                                    <div class="post-time">3天前</div>
                                </div>
                            </div>
                            <h3 class="post-title">分享我的西藏自驾游攻略，这些绝美景点不容错过</h3>
                            <div class="post-stats">
                                <div class="post-stat"><i class="far fa-heart"></i> 2.4k</div>
                                <div class="post-stat"><i class="far fa-comment"></i> 356</div>
                                <div class="post-stat"><i class="far fa-share-square"></i> 128</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="post-card">
                        <img src="https://picsum.photos/seed/post2/600/400" alt="美食照片" class="post-image">
                        <div class="post-content">
                            <div class="post-author">
                                <img src="https://picsum.photos/seed/author2/100/100" alt="作者头像"
                                     class="author-avatar">
                                <div>
                                    <div class="author-name">美食家小雨</div>
                                    <div class="post-time">1周前</div>
                                </div>
                            </div>
                            <h3 class="post-title">在家也能做出米其林级别的甜点，附详细步骤和配方</h3>
                            <div class="post-stats">
                                <div class="post-stat"><i class="far fa-heart"></i> 1.8k</div>
                                <div class="post-stat"><i class="far fa-comment"></i> 215</div>
                                <div class="post-stat"><i class="far fa-share-square"></i> 97</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="carousel-item">
            <div class="row">
                <div class="col-md-6">
                    <div class="post-card">
                        <img src="https://picsum.photos/seed/post3/600/400" alt="科技产品照片" class="post-image">
                        <div class="post-content">
                            <div class="post-author">
                                <img src="https://picsum.photos/seed/author3/100/100" alt="作者头像"
                                     class="author-avatar">
                                <div>
                                    <div class="author-name">科技达人</div>
                                    <div class="post-time">2天前</div>
                                </div>
                            </div>
                            <h3 class="post-title">最新款折叠屏手机深度评测，优缺点全解析</h3>
                            <div class="post-stats">
                                <div class="post-stat"><i class="far fa-heart"></i> 3.1k</div>
                                <div class="post-stat"><i class="far fa-comment"></i> 427</div>
                                <div class="post-stat"><i class="far fa-share-square"></i> 203</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="post-card">
                        <img src="https://picsum.photos/seed/post4/600/400" alt="健身照片" class="post-image">
                        <div class="post-content">
                            <div class="post-author">
                                <img src="https://picsum.photos/seed/author4/100/100" alt="作者头像"
                                     class="author-avatar">
                                <div>
                                    <div class="author-name">健身教练阿强</div>
                                    <div class="post-time">5天前</div>
                                </div>
                            </div>
                            <h3 class="post-title">30天居家健身计划，每天30分钟，轻松练出好身材</h3>
                            <div class="post-stats">
                                <div class="post-stat"><i class="far fa-heart"></i> 2.7k</div>
                                <div class="post-stat"><i class="far fa-comment"></i> 189</div>
                                <div class="post-stat"><i class="far fa-share-square"></i> 312</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="carousel-item">
            <div class="row">
                <div class="col-md-6">
                    <div class="post-card">
                        <img src="https://picsum.photos/seed/post5/600/400" alt="读书分享" class="post-image">
                        <div class="post-content">
                            <div class="post-author">
                                <img src="https://picsum.photos/seed/author5/100/100" alt="作者头像"
                                     class="author-avatar">
                                <div>
                                    <div class="author-name">书虫阅读</div>
                                    <div class="post-time">2周前</div>
                                </div>
                            </div>
                            <h3 class="post-title">2023年必读书单推荐，这10本书改变了我的思维方式</h3>
                            <div class="post-stats">
                                <div class="post-stat"><i class="far fa-heart"></i> 1.5k</div>
                                <div class="post-stat"><i class="far fa-comment"></i> 276</div>
                                <div class="post-stat"><i class="far fa-share-square"></i> 156</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="post-card">
                        <img src="https://picsum.photos/seed/post6/600/400" alt="摄影作品" class="post-image">
                        <div class="post-content">
                            <div class="post-author">
                                <img src="https://picsum.photos/seed/author6/100/100" alt="作者头像"
                                     class="author-avatar">
                                <div>
                                    <div class="author-name">光影摄影</div>
                                    <div class="post-time">4天前</div>
                                </div>
                            </div>
                            <h3 class="post-title">新手必学的10个摄影技巧，手机也能拍出专业级照片</h3>
                            <div class="post-stats">
                                <div class="post-stat"><i class="far fa-heart"></i> 2.2k</div>
                                <div class="post-stat"><i class="far fa-comment"></i> 143</div>
                                <div class="post-stat"><i class="far fa-share-square"></i> 98</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 控制按钮 -->
    <button class="carousel-control-prev" type="button" data-bs-target="#postsCarousel" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#postsCarousel" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>
